<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>

    <link rel="icon" th:href="@{/images/favicon.ico}" type="image/x-icon">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="www.yanshisan.cn" />
    <meta name="robots" content="all" />
    <title>关于我</title>
    <link th:href="@{/font-awesome/css/font-awesome.min.css}" rel="stylesheet" href="../static/font-awesome/css/font-awesome.min.css">
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" href="../static/layui/css/layui.css" />
    <link th:href="@{/css/master.css}" rel="stylesheet" href="../static/css/master.css" />
    <link th:href="@{/css/gloable.css}" rel="stylesheet" href="../static/css/gloable.css" />
    <link th:href="@{/css/nprogress.css}" rel="stylesheet" href="../static/css/nprogress.css" />
    <link th:href="@{/css/timeline.css}" rel="stylesheet" href="../static/css/timeline.css" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
</head>
<body>
    <div class="header">
    </div>
    <header class="gird-header">
        <div class="header-fixed">
            <div class="header-inner">
                <a href="javascript:void(0)" class="header-logo" id="logo" style="margin-top: 20px">Daji's Blog</a>
                <nav class="nav" id="nav">
                    <ul>
                        <li><a href="index.html" th:href="@{/index}">首页</a></li>
                        <li><a href="article.html" th:href="@{/article}">博客</a></li>
                        <li><a href="message.html" th:href="@{/message}">留言</a></li>
                        <li><a href="link.html" th:href="@{/link}">友链</a></li>
                        <li><a href="diary.html" th:href="@{/diary}">开发日志</a></li>
                        <li><a href="about.html" th:href="@{/about}" class="active">关于我</a></li>
                    </ul>
                </nav>
                <a th:href="@{/toUserLogin}" class="blog-user" th:if="${session.logineduser}==null">
                    <i class="fa fa-user-circle-o"></i>
                </a>

                <!--最右上角的头像和注销 只有用户登陆了,才会显示-->
                <div class="right m-item m-mobile-hide menu" align="right" th:if="${session.logineduser}">
                    <br>
                    <!--注意下面这个下拉菜单, 必须加一个JavaScript代码才能显示出来 JavaScript代码在下面-->
                    <div class="ui dropdown  item">
                        <div class="text">
                            <!--这里有一个th, 让我给删了, 这个th的作用是, 动态显示别的用户的头像. 现在这个头像链接是死代码. 那行代码到lirenmi的项目去找-->
                            <img class="ui avatar image" th:src="${session.logineduser.avatar}">
                            <!--非常重要, model.addAttribute传对象 的前端接收!-->
                            <span th:text="${session.logineduser.nickname}"></span>
                        </div>
                        <!--必须加一个JavaScript代码才能显示出来 JavaScript代码在下面-->
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <a class="item" th:href="@{/logout}">注销</a>
                        </div>
                    </div>
                </div>

                <a class="phone-menu">
                    <i></i>
                    <i></i>
                    <i></i>
                </a>
            </div>
        </div>
    </header>

    <!--中间内容-->
    <div class="doc-container" id="doc-container">
        <div class="container-fixed">
            <div class="timeline-box shadow">
                <style>
                    /*
                        下面是调整字体 调整到larger（大）
                    */
                    .timeline-main {font-size: larger}

                </style>
                <div class="timeline-main">
                    <article>
                    <section>
                        <h1>关于我</h1>
                        <p>
                            出生于山东东营，一名非科班Java程序猿<br><br>
                            山东农业大学在校生，21年毕业，正在努力找工作/找实习
                        </p>
                        <span>
                    可以通过以下方式联系到我：
                </span>
                        <ul>
                            <li>邮 箱 ：<a href="mailto:1134107721@qq.com">1134107721@qq.com</a></li>
                            <li>微 信 ：<a th:href="@{/images/weixin_add.png}" target="_blank">点击添加</a></li>
                            <li>CSDN ：<a href="https://blog.csdn.net/weixin_44757863/" target="_blank">https://blog.csdn.net/weixin_44757863/</a></li>

                        </ul>

                    </section>
                        <br>
                    <section>
                        <h1>关于本站</h1>
                        <p>
                            本站建于2020年12月，部署于阿里云轻量应用服务器（CentOS7）
                        </p>
                        <span>
                    本站结构：
                </span>
                        <ul>
                            <li>前 端 ：<br> thymeleaf模板引擎 + Semantic UI <br>
                                静态页面骨架主要使用燕十三的开源模板，自己对css及显示样式进行了调整</li>

                            <li>后 端 ：<code>SpringBoot + MySQL + Redis + Shiro</code></li>
                        </ul>
                        <p>
                            具体技术栈请看博客首页置顶文章：<a href="http://www.zr7.top/article/read/28" target="_blank">博客使用的技术栈</a>
                        </p>
                    </section>

                    <section>
                        <h1>特别说明</h1>
                        <ul>
                            <li>本站文章仅代表个人观点，和任何组织或个人无关。</li>
                            <li>本站前端开发代码没有考虑对IE浏览器的兼容。</li>
                            <li>用户邮箱仅作回复消息用，不对外使用。</li>
                        </ul>
                        <br ><br >
                        <div>
                            <img src="https://yssimage.oss-cn-hangzhou.aliyuncs.com/bg9.jpg" style="width:100%;height:320px;">
                        </div>
                    </section>
                </article>
                </div>
            </div>
        </div>
    </div>



    <footer class="grid-footer">
        <div class="footer-fixed">
            <div class="copyright">
                <div class="info">
                    <div class="contact">
                        <a href="https://blog.csdn.net/weixin_44757863/" class="csdn" target="_blank" title="csdn"><i class="fa fa-github"></i></a>
                        <a href="https://wpa.qq.com/msgrd?v=3&uin=396000449&site=qq&menu=yes" class="qq" target="_blank"
                           title="396000449"><i class="fa fa-qq"></i></a>
                        <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=1134107721@qq.com"
                           class="email" target="_blank" title="1134107721@qq.com"><i class="fa fa-envelope"></i></a>
                        <a th:href="@{/images/weixin_add.png}" target="_blank" class="weixin"><i class="fa fa-weixin"></i></a>
                    </div>
                    <p class="mt05">
                        Copyright &copy; 2020-2021 大吉 All Rights Reserved <a href="http://beian.miit.gov.cn" target="_blank" style="color: inherit;">鲁ICP备2020049465号</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>


    <script th:src="@{/layui/layui.js}" src="../static/layui/layui.js"></script>
    <script th:src="@{/js/yss/gloable.js}" src="../static/js/yss/gloable.js"></script>
    <script th:src="@{/js/plugins/nprogress.js}" src="../static/js/plugins/nprogress.js"></script>
    <script>NProgress.start();</script>
    <script th:src="@{/js/pagediary.js}" src="../static/js/pagediary.js"></script>
    <script src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script>
    <script>
        //必须加上这里, 否则最右上角的下拉菜单的注销不会显示
        /*
            2020/12/2 调试了3小时都没找出来下拉注销不显示的原因。就是因为下面的 jquery和semantic版本的问题，必须是以下两个版本组合：
            src="https://cdn.staticfile.org/jquery/3.1.1/jquery.min.js"
            src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js
            最开头的link里面引用的css也要对（上面是js）
            <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
        */
        $('.ui.dropdown').dropdown({
            on: 'hover'
        });
        window.onload = function () {
            NProgress.done();
        };
    </script>
</body>
</html>
